<!doctype html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
  <meta name="generator" content="Hugo 0.83.1">
  <title>新建项目</title>


  <!-- Bootstrap core CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">

  <style>
    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    .container {
      max-width: 960px;
    }


    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }
  </style>
  <link href="/css/dashboard.css" rel="stylesheet">

  <!-- Custom styles for this template -->

</head>

<body class="bg-light">
  <header class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
  <a class="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">搜索项目</a>
  <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse"
          data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false"
          aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <!--    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">-->
  <ul class="navbar-nav px-3">
    <li class="nav-item text-nowrap">
      <a class="nav-link" href="/logout">注销</a>
    </li>
  </ul>
</header>

  <div class="container-fluid">
    <div class="row">
      <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
        <div class="position-sticky pt-3">
          <ul class="nav flex-column">
            <li class="nav-item">
              <a class="nav-link " aria-current="page" href="/main">
                <span data-feather="home"></span>
                项目总览
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link active" href="/search">
                <span data-feather="search"></span>
                项目搜索
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/user">
                <span data-feather="users"></span>
                用户管理
              </a>
            </li>
          </ul>

          <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
            <span>项目调整</span>
          </h6>
          <ul class="nav flex-column mb-2">
            <li class="nav-item">
              <a class="nav-link " href="/add">
                <span data-feather="file-plus"></span>
                增加项目
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/edit">
                <span data-feather="edit"></span>
                修改项目
              </a>
            </li>
          </ul>
        </div>
      </nav>

      <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4 ">
        <div class="py-5 text-center">
          <img class="d-block mx-auto mb-4" src="/images/s.svg" alt="" width="72" height="57">
          <h2>搜索项目</h2>
        </div>

        <div class="row g-5 col-md-8 m-auto" >

          <div  class="col-md-12 " style="margin-top: 0">
            <form class="needs-validation" novalidate action="/searchproject" method="post" >
              <div class="row g-3">
                <label for="firstName" class="form-label">项目名称</label>
                <div class="col-md-8">
                  <input type="text" name="proname" class="form-control" id="firstName" placeholder="输入查找的项目名（支持模糊查找） " value="" required>
                  <div class="invalid-feedback">
                    请填写项目名称
                  </div>
                </div>
                <div class="col-md-4">
                  <button class=" btn btn-primary "  type="submit" >提交信息</button>
                </div>
              </div>
              <hr class="my-4">
            </form>
          </div>
        </div>

        <div class="table-responsive">
          <table class="table table-striped table-sm" id="table" data-toggle="table">
            <thead>
            <tr>
              <th>项目编号</th>
              <th>项目负责人</th>
              <th>项目名字</th>
              <th>项目等级</th>
              <th>经费金额</th>
              <th>经费详细</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="project,status:${projects}">
              <td th:id="no+${status.count}" th:text="${project.getProNo()}"></td>
              <td th:id="user+${status.count}" th:text="${project.getProUser()}"></td>
              <td th:id="name+${status.count}" th:text="${project.getProName()}"></td>
              <td th:id="grade+${status.count}" th:text="${project.getProGrade()}"></td>
              <td th:id="fee+${status.count}" th:text="${project.getProFee()}"></td>
              <td th:id="detail+${status.count}" th:text="${project.getProDetail()}"></td>
            </tr>
            </tbody>
          </table>
        </div>

      </main>
    </div>
  </div>


  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>


  <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js"
          integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE"
          crossorigin="anonymous"></script>
  <script>
    /* globals Chart:false, feather:false */
    (function (){
      feather.replace()
    })()
  </script>
  <script>
    // Example starter JavaScript for disabling form submissions if there are invalid fields
    (function () {
      'use strict'

      // Fetch all the forms we want to apply custom Bootstrap validation styles to
      var forms = document.querySelectorAll('.needs-validation')

      // Loop over them and prevent submission
      Array.prototype.slice.call(forms)
        .forEach(function (form) {
          form.addEventListener('submit', function (event) {
            if (!form.checkValidity()) {
              event.preventDefault()
              event.stopPropagation()
            }

            form.classList.add('was-validated')
          }, false)
        })
    })()

  </script>
<script>

</script>
</body>

</html>